<block name="phpscript"></block>
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="apple-touch-icon" sizes="76x76" href="__TMPL__/public/assets/img/apple-icon.png">
  <link rel="icon" type="image/png" href="__TMPL__/public/assets/img/favicon.png">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>
   <block name="title"></block>
  </title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  <!--     Fonts and icons     -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
  <!-- CSS Files -->
  <link href="__TMPL__/public/assets/css/material-dashboard.css?v=2.1.0" rel="stylesheet" />
    <style>
        form .input-order {
            margin-bottom: 0px;
            padding: 0 2px;
            width: 42px;
            font-size: 12px;
        }

        form .input-order:focus {
            outline: none;
        }

        .table-actions {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0px;
        }

        .table-list {
            margin-bottom: 0px;
        }

        .form-required {
            color: red;
        }
    .coverbg{
      color: #3C4858;
    }
    .coverbgbg:after{
      position: absolute;
      z-index: 3;
      width: 100%;
      content: "";
      display: block;
      background: #FFFFFF;
      opacity: .93;   
      height: 71px;   
    }


    </style>
    <script type="text/javascript">
        //全局变量
        var GV = {
            ROOT: "__ROOT__/",
            WEB_ROOT: "__WEB_ROOT__/",
            JS_ROOT: "static/js/",
            APP: '{$Request.module}'/*当前应用名*/
        };
    </script>
    

  <block name="style"></block>
</head>

<body class="">
  <div class="wrapper ">
    <div class="sidebar" data-color="purple" data-background-color="white" data-image="__TMPL__/public/assets/img/sidebar-1.jpg">
      <!--
        Tip 1: You can change the color of the sidebar using: data-color="purple | azure | green | orange | danger"

        Tip 2: you can also add an image using data-image tag
    -->
      <div class="logo">
        <a href="http://www.creative-tim.com" class="simple-text logo-normal">
          ThinkCMF
        </a>
      </div>
      <div class="sidebar-wrapper">
        <block name="lefttopnav"></block>
        <ul class="nav nav-list collapse in" id="sidebar">
          <block name="leftnav"></block>

          <li class="nav-item">
            <a href="#" class="nav-link dropdown-toggle">
                <i class="material-icons">library_books</i>
                <span class="menu-text normal"> demo </span>
            </a>
            <ul class="submenu">
                <li>
                  <a href="javascript:openapp('/user/Admin_demo/table.html','1111table','表格列表',true);" class="nav-link">
                    <i class="fa fa-caret-right"></i>
                    <span class="menu-text">表格列表</span>
                  </a>
                </li>
                <li>
                  <a href="javascript:openapp('/user/Admin_demo/chart.html','1111chart','图表',true);" class="nav-link">
                    <i class="fa fa-caret-right"></i>
                    <span class="menu-text">图表</span>
                  </a>
                </li>
                <li>
                  <a href="javascript:openapp('/user/Admin_demo/form.html','1111form','表单',true);" class="nav-link">
                    <i class="fa fa-caret-right"></i>
                    <span class="menu-text">表单</span>
                  </a>
                </li>
            </ul>
                          
          </li>

          <!-- your sidebar here -->
        </ul>
      </div>
    </div>
    <div class="main-panel">
      <!-- Navbar -->
      <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top  coverbg"  data-image="__TMPL__/public/assets/img/sidebar-1.jpg">
          <div id="task-content" >
              <ul class="nav navbar-nav cmf-component-tab" id="task-content-inner">
                  <li class="cmf-component-tabitem noclose" app-id="0" app-url="/admin/main/index.html" app-name="首页">
                      <a class="navbar-brand">{:lang('HOME')}<div class="ripple-container"></div></a>
                  </li>
              </ul>
              <div style="clear:both;"></div>
          </div>
          <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
            <span class="sr-only">Toggle navigation</span>
            <span class="navbar-toggler-icon icon-bar"></span>
            <span class="navbar-toggler-icon icon-bar"></span>
            <span class="navbar-toggler-icon icon-bar"></span>
          </button>
          <div class="navbar-collapse collapse" id="navbar-main">

            <div class="collapse navbar-collapse justify-content-end">
              <ul class="navbar-nav">
                  <li class="nav-item light-blue dropdown" style="border-left:none;">
                      <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                          <if condition="isset($admin['avatar']) && $admin['avatar']">
                              <img class="nav-user-photo" width="30" height="30"
                                   src="{:cmf_get_user_avatar_url($admin['avatar'])}" alt="{$admin.user_login}">
                              <else/>
                              <img class="nav-user-photo" width="30" height="30"
                                   src="__TMPL__/public/assets/images/logo-18.png" alt="{$admin.user_login|default=''}">
                          </if>
                          <span class="user-info">
                                  {:lang('WELCOME_USER',array('user_nickname' => empty($admin['user_nickname'] )? $admin['user_login'] : $admin['user_nickname']))}
                              </span>
                      </a>
                      <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
                          <if condition="cmf_auth_check(cmf_get_current_admin_id(),'admin/Setting/site')">
                              <li>
                                  <a href="javascript:openapp('{:url('setting/site')}','index_site','{:lang('ADMIN_SETTING_SITE')}');"><i
                                          class="fa fa-cog"></i> {:lang('ADMIN_SETTING_SITE')}</a></li>
                          </if>
                          <if condition="cmf_auth_check(cmf_get_current_admin_id(),'admin/user/userinfo')">
                              <li>
                                  <a href="javascript:openapp('{:url('user/userinfo')}','index_userinfo','{:lang('ADMIN_USER_USERINFO')}');"><i
                                          class="fa fa-user"></i> {:lang('ADMIN_USER_USERINFO')}</a></li>
                          </if>
                          <if condition="cmf_auth_check(cmf_get_current_admin_id(),'admin/Setting/password')">
                              <li>
                                  <a href="javascript:openapp('{:url('setting/password')}','index_password','{:lang('ADMIN_SETTING_PASSWORD')}');"><i
                                          class="fa fa-lock"></i> {:lang('ADMIN_SETTING_PASSWORD')}</a></li>
                          </if>
                          <li><a href="{:url('Public/logout')}"><i class="fa fa-sign-out"></i> {:lang('LOGOUT')}</a></li>
                      </ul>
                  </li>
              </ul>
            </div>
          </div>
      </nav>
      <!-- End Navbar -->
      <div class="content">
        <div class="container-fluid">
          <!-- your content here -->
          <block name="content"></block>
        </div>
      </div>

    </div>
  </div>
  <!--   Core JS Files   -->
  <script src="__TMPL__/public/assets/js/core/jquery.min.js" type="text/javascript"></script>
  <script src="__TMPL__/public/assets/js/core/popper.min.js" type="text/javascript"></script>
  <script src="__TMPL__/public/assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
  <script src="__TMPL__/public/assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>

  <!-- Chartist JS -->
  <script src="__TMPL__/public/assets/js/plugins/chartist.min.js"></script>
  <!--  Notifications Plugin    -->
  <script src="__TMPL__/public/assets/js/plugins/bootstrap-notify.js"></script>
  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
  <script src="__TMPL__/public/assets/js/material-dashboard.min.js?v=2.1.0" type="text/javascript"></script>
<script src="__STATIC__/js/wind.js"></script>


    <script>
        Wind.css('artDialog');
        Wind.css('layer');
        $(function () {
            $("[data-toggle='tooltip']").tooltip({
                container:'body',
                html:true,
            });
            $("li.dropdown").hover(function () {
                $(this).addClass("open");
            }, function () {
                $(this).removeClass("open");
            });
        });

    </script>
  <script type="text/javascript">
    $('.coverbg').each(function(i,v){
      var img = $(v).attr('data-image');
      $(v).after('<div class="coverbgbg" style="background-image: url('+img+')"></div>');
    })
  </script>
  <block name="script"></block>
</body>

</html>